<div class="dialog-pics">
  <nz-spin nzTip="下载中..." [nzSpinning]="isDownload">
    <nz-table #picTable [nzData]="pics">
      <thead>
        <tr>
          <th>序号</th>
          <th>文件名</th>
          <th>文件大小</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let item of picTable.data;let idx = index">
          <td>{{ idx + 1 }}</td>
          <td>{{ item.wjm }}</td>
          <td>{{ item.wjdx }}MB</td>
          <td>
            <button class="btn-preview" nz-button nzType="default" (click)="onPreview(item)">预览</button>
            <button nz-button nzType="primary" (click)="onDownload(item)">下载</button>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </nz-spin>

  <nz-modal [(nzVisible)]="picVisible" [nzTitle]="picItem.wjm" (nzOnCancel)="picVisible = false" nzWidth="800"
    [nzFooter]="nzFooter">
    <div class="pic-box">
      <video *ngIf="type == 'movie'" autoplay controls>
        <source [src]="picItem.wjcflj">
      </video>
      <img *ngIf="type == 'pic'" [src]="picItem.wjcflj" alt="">
    </div>
  </nz-modal>
</div>
